<html>
<head>

  <title>
      <@ww.text name="profile.user_profile_for.title">
          <@ww.param>${targetUser.username?html}</@ww.param>
      </@ww.text>
  </title>

  <style type="text/css" media="screen">                                                                      
    @import "<@ww.url value='/styles/jive-profile.css' includeParams='none'/>";
    @import "<@ww.url value='/styles/jive-userbar.css' includeParams='none'/>";
    
  </style>

  <content tag="breadcrumb">
      <@ww.action name="community-breadcrumb" executeResult="true" ignoreContextParams="true" />
      <a href="<@ww.url value="/people" includeParams="none" />"><@ww.text name="settings.people.brdcrmb.link" /></a>
  </content>
</head>
<body>
<script type="text/javascript">
	//<![CDATA[
	// a function to launch the configure calendar action
    function cancelMe(){				 
		window.open("show-calendar-action.jspa?userID=${user.ID?c}","_self");
     } 
    //]]>
</script>
<#assign viewingSelf = true/>
<#include "/template/global/include/view-profile-header.ftl"/>

<div id="jive-body-main">
    <!-- BEGIN main body column -->
    <div id="jive-body-maincol-container">		
        <div id="jive-body-maincol">
            <!-- BEGIN content results -->
            <div id="jive-content-results">
               <div class="jive-content-block-container">
                 <h3 class="jive-content-block-header"><img src="/clearspacex/plugins/calendar/resources/jive-icon-calendar-16x16.gif"/>&nbsp;Configure My Calendar</h3>
                    <div class="jive-content-block">
                    	<h4>How to configure your Google Calendar</h4>
                    	<ul>
                    	<li>First, you need a Google account and have created a Google Calendar.</li>
                    	<li>Then, log into your <a href="http://www.google.com/calendar/render" target="calendar">Google Calendar</a> and add those calendars from the 
                    	   following list of Group calendars that you are interested in seeing in your calendar.
                    	   To add a group calendar, select <em>Add A URL</em> from the add menu in your Google Calendar.
                    	   <br/><br/>
                    	   <table width="100%" border="1">
                    	   <tr><th>Group</th><th>iCal URL</th></tr>
                    	   <#list groupCalendars as gCal>
                    	   <tr><td><strong>${gCal.groupName}</strong></td><td><em>${gCal.calendarURL}</em></td></tr>
                    	   </#list>
                    	   </table>
                    	   <br/><br/>
							</li>
                    	<li>Finally, 
                    		<ul>
                    		<li>Click on the <em>Manage calendars</em> link</li>
                    		<li>Select your calendar</li>
                    		<li>Under the <strong>Embed This Calendar</strong> section, 
                    			select the <em>Customize the color, size, and other options</em> link
                    			and configure the embedded calendar according to the instruction 
                    			on <a href="plugins/calendar/resources/Instructions.html" target="instructions">this page.</a></li>
                    		<li>Cut and paste the HTML into the following text area.</li>
                    		<li>Hit the save button.</li>
                    		</ul></li>
                    	</ul>
						<br/>
	    					<form action="save-calendar-action.jspa" method="post">
	    					<textarea rows="10" cols="50" name="embedded">
							</textarea>
							<table width="600"><tr>
								<td align="left"><button type="submit">Save</button></td>
								<td align="right"><button type="button" onClick="cancelMe();">Cancel</button></td>
							</tr></table>
						</form> 
						<br/><br/>                 
    				</div>
               </div>
            </div>
            <!-- END content results -->
        </div>
    </div>
    <!-- END main body column -->

    <!-- BEGIN sidebar column -->
    <div id="jive-body-sidebarcol-container">
      <div id="jive-body-sidebarcol">
          
          <#if viewingSelf>
                <@jive.renderActionSidebar 'profile-actions-self' />
          <#else>
                <@jive.renderActionSidebar 'profile-actions' />
          </#if>
      </div>
    </div>
    <!-- END sidebar column -->
</div>
<!-- END main body -->
</body>
</html>
